<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
<script>
// 对象，复杂数据类型。
  // 作用：可以从多个维度，去描述 一个「对象/目标/东西」的属性。
// 何为属性：人的-年龄/身高/体重...

// 首先，「对象」是一种数据形态。 —— 数据结构

// ------------------------------------

// 声明对象/初始化对象
var ming = {
  name: '小明',
  age: 31,
  // ... 无限地初始化 小明的 属性
}

// 但凡是数据，就有数据的「增/删/改/查」

// 增：


// 删


// 改


// 查
/* 对象 「查看」 的总结：
  1. 对象变量名   ->  其返回值为整个对象。
  2. 对象变量名.属性名   ->  查看具体属性值
      注：若 属性名 不存于 对象中，则返回 `undefined`
  3. 对象变量名[表达式]  ->  执行逻辑：
    1）先将表达式得到结果值(结果值会被转为 字符串)
    2) 再通过该字符串，作为 属性名 ，进行属性值的查找
      注：若 属性名 不存于 对象中，则返回 `undefined`
*/

console.log(ming); // 查 - 整个变量的值
console.log(ming.age) // 31;  即查看 ming 的 age 属性
  // 1- `变量名.属性名`   ->  即查看 对象中，指定 属性名 的具体的属性值是什么
  // 2- `变量名[表达式]`
console.log(ming['a' + 'g' + 'e'])
console.log(ming.xxx) // undefined
</script>